<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<meta name="viewport"
		  content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<title>Cesium integrate Threejs</title>
	<!--cesium样式-->
	<link rel="stylesheet" href="./ThirdParty/Cesium/Widgets/widgets.css">
	<!--cesium-->
	<script src="./ThirdParty/Cesium/Cesium.js"></script>
	<!--three-->
	<script src="./ThirdParty/Three/three.min.js"></script>
    <style>
		/*设置cesium和three的画布位置*/
        .container-integrate canvas {
            position: absolute;
            top: 0;
        }
		/*three画布禁止鼠标操作*/
        .container-integrate canvas:nth-child(3) {
            pointer-events: none;

        }
    </style>
</head>

<body onload="pageload()">

<div class="container-integrate" style="">
	<!--cesium容器-->
    <div id="cesiumContainer" style="height: 800px;width: 100%;"></div>
</div>

</body>
<script data-main="main" src="ThirdParty/require.js"></script>
<script src="./CesiumThree.js"></script>
</html>